<!DOCTYPE html>
<html lang="en">
<head>
    <title>个人简历</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- bootstrap-css -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!--// bootstrap-css -->
    <!-- css -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
    <!--// css -->
    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
    <link href="css/owl.theme.css" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="css/cm-overlay.css"/>
    <!-- font-awesome icons -->
    <link href="css/font-awesome.css" rel="stylesheet">
    <!-- //font-awesome icons -->
    <!-- font -->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300'
          rel='stylesheet' type='text/css'>
    <!-- //font -->
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <!-- menu -->
    <link rel="stylesheet" href="css/main.css">
    <script type="text/javascript" src="js/main.js"></script>
    <!-- //menu -->
    <script>
        $(document).ready(function () {
            $("#owl-demo").owlCarousel({

                autoPlay: 3000, //Set AutoPlay to 3 seconds
                autoPlay: true,
                items: 3,
                itemsDesktop: [640, 5],
                itemsDesktopSmall: [414, 4]

            });

        });
    </script>
</head>
<body>
<!-- banner -->
<div class="banner" id="home">
    <!-- menu -->
    <div id="toggle_m_nav">
        <div id="m_nav_menu" class="m_nav">
            <div class="m_nav_ham" id="m_ham_1"></div>
            <div class="m_nav_ham" id="m_ham_2"></div>
            <div class="m_nav_ham" id="m_ham_3"></div>
        </div>
    </div>

    <div id="m_nav_container" class="m_nav">
        <ul id="m_nav_list" class="m_nav">
            <li class="m_nav_item" id="m_nav_item_1"><a href="#home">首页</a></li>
            <li class="m_nav_item" id="moble_nav_item_2"><a href="#about">个人技能</a></li>
            <li class="m_nav_item" id="moble_nav_item_3"><a href="#statistics">我的经验</a></li>
            <!--<li class="m_nav_item" id="moble_nav_item_4"><a href="#experience">Experience</a></li>-->
            <li class="m_nav_item" id="moble_nav_item_5"><a href="#projects">我的项目</a></li>
            <li class="m_nav_item" id="moble_nav_item_6"><a href="#contact">联系我</a></li>
        </ul>
    </div>
    <!-- menu -->
    <div class="container">
        <div class="agile-logo">
            <h1><a href="index.html">Misutesu<span>个人简历</span></a></h1>
        </div>
        <div class="w3l-banner-grids">
            <div class="col-md-8 w3ls-banner-right">
                <div class="banner-right-img">
                    <img src="images/1.jpg" alt=""/>
                </div>
                <div class="banner-right-info">
                    <h2>自我介绍</h2>
                    <p>
                        我目前是大四学生，目前已在校外实习半年，已开发5个安卓APP，能熟练使用流行的第三方库，能熟练接入支付分享等第三方SDK。对JavaWeb开发有一定了解，能在linux系统上手动配置Tomcat服务器。</p>
                </div>
                <div class="clearfix"></div>
                <div class="w3-button">
                    <div class="w3-button-info m_nav_item">
                        <a class="hvr-sweep-to-bottom" href="#contact">联系我</a>
                    </div>
                </div>
                <div class="social-grids">
                    <div class="social-info">
                        <h4>FOLLOW : </h4>
                    </div>
                    <div class="agileinfo-social-grids">
                        <ul>
                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fa fa-rss"></i></a></li>
                            <li><a href="#"><i class="fa fa-vk"></i></a></li>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="col-md-4 w3ls-banner-left">
                <div class="w3ls-banner-left-info">
                    <h4>欲求职位</h4>
                    <p>Android开发</p>
                </div>
                <div class="w3ls-banner-left-info">
                    <h4>姓名</h4>
                    <p>伍加全</p>
                </div>
                <div class="w3ls-banner-left-info">
                    <h4>性别</h4>
                    <p>男</p>
                </div>
                <div class="w3ls-banner-left-info">
                    <h4>地址</h4>
                    <p>四川省成都市电子科技大学成都学院</p>
                </div>
                <div class="w3ls-banner-left-info">
                    <h4>邮箱</h4>
                    <p><a href="mailto:wu_developer@outlook.com">wu_developer@outlook.com</a></p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about" id="about">
    <div class="container">
        <div class="wthree-about-grids">
            <div class="col-md-6 wthree-about-left">
                <h3>个人技能</h3>
                <h4>能熟练使用Android Studio、Intelij IDEA、Eclipse进行开发。</h4>
                <p>掌握Android MVP设计模式，熟悉XML、JSON解析及数据传输，熟练使用动画。<span>了解Http、TCP/IP网络传输协议，SQLite数据库编程，熟悉使用SQL语句。</span>了解Linux操作系统的使用，能够配置JavaWeb运行环境。</span>
                    熟练使用After Effects、Photoshop等图像处理软件。</p>
            </div>
            <div class="col-md-6 wthree-about-right">
                <h3>熟练度</h3>
                <div class="skills-bar">
                    <section class='bar'>
                        <section class='wrap'>
                            <div class='wrap_right'>
                                <div class='bar_group'>
                                    <div class='bar_group__bar thin' label='Android' show_values='true' tooltip='true'
                                         value='500'></div>
                                    <div class='bar_group__bar thin' label='JAVA' show_values='true' tooltip='true'
                                         value='450'></div>
                                    <div class='bar_group__bar thin' label='JAVAWEB' show_values='true' tooltip='true'
                                         value='400'></div>
                                    <div class='bar_group__bar thin' label='AFTER EFFECTS' show_values='true'
                                         tooltip='true' value='300'></div>
                                    <div class='bar_group__bar thin' label='PHOTOSHOP' show_values='true' tooltip='true'
                                         value='245'></div>
                                </div>
                            </div>
                            <div class='clear'></div>
                        </section>
                    </section>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //about -->
<!-- statistics -->
<div class="jarallax statistics" id="statistics">
    <div class="container">
        <div class="w3-agileits-statistics-heading">
            <h3>我的经验</h3>
        </div>
        <div class="agile-statistics-grids">
            <div class="col-sm-4 agile-statistics-grid">
                <h4>23</h4>
                <i class="fa fa-desktop" aria-hidden="true"></i>
                <p>参与项目项目</p>
            </div>
            <div class="col-sm-4 agile-statistics-grid statistics-grid2">
                <h4>2746</h4>
                <i class="fa fa-user" aria-hidden="true"></i>
                <p>用户量</p>
            </div>
            <div class="col-sm-4 agile-statistics-grid">
                <h4>11</h4>
                <i class="fa fa-trophy" aria-hidden="true"></i>
                <p>技术文章</p>
            </div>
            <div class="clearfix"></div>
        </div>
        <script src="js/jarallax.js"></script>
        <script src="js/SmoothScroll.min.js"></script>
        <script type="text/javascript">
            /* init Jarallax */
            $('.jarallax').jarallax({
                speed: 0.5,
                imgWidth: 1366,
                imgHeight: 768
            })
        </script>
    </div>
</div>
<!-- //statistics -->
<!-- experience -->
<!--<div class="experience" id="experience">-->
<!--<div class="container">-->
<!--<div class="w3-agileits-statistics-heading experience-heading">-->
<!--<h3>Work Experience</h3>-->
<!--</div>-->
<!--<div class="w3-agile-experience-grids">-->
<!--<div class="experience-top-grids">-->
<!--<div class="col-md-6 experience-grid">-->
<!--<div class="experience-grid-icon icon-left hvr-radial-out">-->
<!--<i class="fa fa-folder-open" aria-hidden="true"></i>-->
<!--</div>-->
<!--<div class="experience-grid-info">-->
<!--<h5>Ut dapibus nisi turpis</h5>-->
<!--<p>Curabitur augue urna, venenatis vel enim at, sodales tempus diam. Aliquam ornare, magna a cursus tempus, arcu massa accumsan justo, non facilisis risus ante vel ex.</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col-md-6 experience-grid experience-grid1">-->
<!--<div class="experience-grid-icon icon-left hvr-radial-out">-->
<!--<i class="fa fa-bell" aria-hidden="true"></i>-->
<!--</div>-->
<!--<div class="experience-grid-info">-->
<!--<h5>Ut dapibus nisi turpis</h5>-->
<!--<p>Curabitur augue urna, venenatis vel enim at, sodales tempus diam. Aliquam ornare, magna a cursus tempus, arcu massa accumsan justo, non facilisis risus ante vel ex.</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="clearfix"> </div>-->
<!--</div>-->
<!--<div class="experience-top-grids">-->
<!--<div class="col-md-6 experience-grid experience-grid2">-->
<!--<div class="experience-grid-icon icon-left hvr-radial-out">-->
<!--<i class="fa fa-comments" aria-hidden="true"></i>-->
<!--</div>-->
<!--<div class="experience-grid-info">-->
<!--<h5>Ut dapibus nisi turpis</h5>-->
<!--<p>Curabitur augue urna, venenatis vel enim at, sodales tempus diam. Aliquam ornare, magna a cursus tempus, arcu massa accumsan justo, non facilisis risus ante vel ex.</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="col-md-6 experience-grid experience-grid3">-->
<!--<div class="experience-grid-icon icon-left hvr-radial-out">-->
<!--<i class="fa fa-asterisk" aria-hidden="true"></i>-->
<!--</div>-->
<!--<div class="experience-grid-info">-->
<!--<h5>Ut dapibus nisi turpis</h5>-->
<!--<p>Curabitur augue urna, venenatis vel enim at, sodales tempus diam. Aliquam ornare, magna a cursus tempus, arcu massa accumsan justo, non facilisis risus ante vel ex.</p>-->
<!--</div>-->
<!--</div>-->
<!--<div class="clearfix"> </div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--&lt;!&ndash; //experience &ndash;&gt;-->
<!--&lt;!&ndash; feedback &ndash;&gt;-->
<!--<div class="jarallax feedback">-->
<!--<div class="container">-->
<!--<div class="w3-agileits-statistics-heading">-->
<!--<h3>Clients Feedback</h3>-->
<!--</div>-->
<!--<div class="agileits-feedback-grids">-->
<!--<div id="owl-demo" class="owl-carousel owl-theme">-->
<!--<div class="item">-->
<!--<div class="feedback-info">-->
<!--<div class="feedback-top">-->
<!--<p> Sed semper leo metus, a lacinia eros semper at. Etiam sodales orci sit amet vehicula pellentesque. </p>-->
<!--</div>-->
<!--<div class="feedback-grids">-->
<!--<div class="feedback-img">-->
<!--<img src="images/f1.jpg" alt="" />-->
<!--</div>-->
<!--<div class="feedback-img-info">-->
<!--<h5>Peter Parker</h5>-->
<!--<p>Vestibulum</p>-->
<!--</div>-->
<!--<div class="clearfix"> </div>-->
<!--</div>-->
<!--</div>	-->
<!--</div>-->
<!--<div class="item">-->
<!--<div class="feedback-info">-->
<!--<div class="feedback-top">-->
<!--<p> Sed semper leo metus, a lacinia eros semper at. Etiam sodales orci sit amet vehicula pellentesque. </p>-->
<!--</div>-->
<!--<div class="feedback-grids">-->
<!--<div class="feedback-img">-->
<!--<img src="images/f2.jpg" alt="" />-->
<!--</div>-->
<!--<div class="feedback-img-info">-->
<!--<h5>Mary Jane</h5>-->
<!--<p>Vestibulum</p>-->
<!--</div>-->
<!--<div class="clearfix"> </div>-->
<!--</div>-->
<!--</div>	-->
<!--</div>-->
<!--<div class="item">-->
<!--<div class="feedback-info">-->
<!--<div class="feedback-top">-->
<!--<p> Sed semper leo metus, a lacinia eros semper at. Etiam sodales orci sit amet vehicula pellentesque. </p>-->
<!--</div>-->
<!--<div class="feedback-grids">-->
<!--<div class="feedback-img">-->
<!--<img src="images/f3.jpg" alt="" />-->
<!--</div>-->
<!--<div class="feedback-img-info">-->
<!--<h5>Steven Wilson</h5>-->
<!--<p>Vestibulum</p>-->
<!--</div>-->
<!--<div class="clearfix"> </div>-->
<!--</div>-->
<!--</div>	-->
<!--</div>-->
<!--<div class="item">-->
<!--<div class="feedback-info">-->
<!--<div class="feedback-top">-->
<!--<p> Sed semper leo metus, a lacinia eros semper at. Etiam sodales orci sit amet vehicula pellentesque. </p>-->
<!--</div>-->
<!--<div class="feedback-grids">-->
<!--<div class="feedback-img">-->
<!--<img src="images/f4.jpg" alt="" />-->
<!--</div>-->
<!--<div class="feedback-img-info">-->
<!--<h5>Peter Parker</h5>-->
<!--<p>Vestibulum</p>-->
<!--</div>-->
<!--<div class="clearfix"> </div>-->
<!--</div>-->
<!--</div>	-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<script type="text/javascript">-->
<!--/* init Jarallax */-->
<!--$('.jarallax').jarallax({-->
<!--speed: 0.5,-->
<!--imgWidth: 1366,-->
<!--imgHeight: 768-->
<!--})-->
<!--</script>-->

<!--</div>-->
<!--</div>-->
<!-- //feedback -->
<!-- projects -->
<div class="projects" id="projects">
    <div class="container">
        <div class="w3-agileits-statistics-heading experience-heading">
            <h3>我的项目</h3>
        </div>
    </div>
    <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
        <!--<ul id="myTab" class="nav nav-tabs" role="tablist">-->
        <!--<li role="presentation" class="active"><a href="#home-main" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">All</a></li>-->
        <!--<li role="presentation"><a href="#learning" role="tab" id="learning-tab" data-toggle="tab" aria-controls="learning">Apps</a></li>-->
        <!--<li role="presentation"><a href="#playing" role="tab" id="playing-tab" data-toggle="tab" aria-controls="playing">Widgets</a></li>-->
        <!--<li role="presentation"><a href="#painting" role="tab" id="painting-tab" data-toggle="tab" aria-controls="painting">Templates</a></li>-->
        <!--<li role="presentation"><a href="#school" role="tab" id="school-tab" data-toggle="tab" aria-controls="school">Other</a></li>-->
        <!--</ul>-->
        <div id="myTabContent" class="tab-content">
            <div role="tabpanel" class="tab-pane fade in active" id="home-main" aria-labelledby="home-tab">
                <div class="w3_tab_img">
                    <div class="col-md-3 w3_tab_img_left">
                        <div class="demo">
                            <a class="cm-overlay" href="images/a1.png">
                                <figure class="imghvr-shutter-in-out-diag-2"><img src="images/a1.png" alt=" "
                                                                                  class="img-responsive"/>
                                </figure>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 w3_tab_img_left">
                        <div class="demo">
                            <a class="cm-overlay" href="images/a2.png">
                                <figure class="imghvr-shutter-in-out-diag-2"><img src="images/a2.png" alt=" "
                                                                                  class="img-responsive"/>
                                </figure>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 w3_tab_img_left">
                        <div class="demo">
                            <a class="cm-overlay" href="images/a3.png">
                                <figure class="imghvr-shutter-in-out-diag-2"><img src="images/a3.png" alt=" "
                                                                                  class="img-responsive"/>
                                </figure>
                            </a>
                        </div>
                    </div>
                    <div class="col-md-3 w3_tab_img_left">
                        <div class="demo">
                            <a class="cm-overlay" href="images/a4.png">
                                <figure class="imghvr-shutter-in-out-diag-2"><img src="images/a4.png" alt=" "
                                                                                  class="img-responsive"/>
                                </figure>
                            </a>
                        </div>
                    </div>
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p5.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p5.jpg" alt=" " class="img-responsive" />-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p6.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p6.jpg" alt=" " class="img-responsive" />-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p7.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p7.jpg" alt=" " class="img-responsive" />-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p8.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p8.jpg" alt=" " class="img-responsive" />-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="clearfix"> </div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div role="tabpanel" class="tab-pane fade" id="learning" aria-labelledby="learning-tab">-->
                    <!--<div class="w3_tab_img">-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p6.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p6.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p9.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p9.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="clearfix"> </div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div role="tabpanel" class="tab-pane fade" id="playing" aria-labelledby="playing-tab">-->
                    <!--<div class="w3_tab_img">-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p1.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p1.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p5.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p5.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p7.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p7.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p3.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p3.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="clearfix"> </div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div role="tabpanel" class="tab-pane fade" id="painting" aria-labelledby="painting-tab">-->
                    <!--<div class="w3_tab_img">-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p2.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p2.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p4.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p4.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p10.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p10.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="clearfix"> </div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div role="tabpanel" class="tab-pane fade" id="school" aria-labelledby="school-tab">-->
                    <!--<div class="w3_tab_img">-->
                    <!--<div class="col-md-3 w3_tab_img_left">-->
                    <!--<div class="demo">-->
                    <!--<a class="cm-overlay" href="images/p8.jpg">-->
                    <!--<figure class="imghvr-shutter-in-out-diag-2"><img src="images/p8.jpg" alt=" " class="img-responsive">-->
                    <!--</figure>-->
                    <!--</a>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="clearfix"> </div>-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--</div>-->
                </div>
                <div class="clearfix"></div>
                <script src="js/jquery.tools.min.js"></script>
                <script src="js/jquery.mobile.custom.min.js"></script>
                <script src="js/jquery.cm-overlay.js"></script>
                <script>
                    $(document).ready(function () {
                        $('.cm-overlay').cmOverlay();
                    });
                </script>

            </div>
            <!-- //projects -->
            <!-- map -->
            <!--<div class="map-grid">-->
            <!--<iframe src="" class="map" style="border:0" allowfullscreen=""></iframe>-->
            <!--</div>-->
            <!-- //map -->
            <!-- contact -->
            <div class="contact" id="contact">
                <div class="container">
                    <div class="w3-agileits-statistics-heading experience-heading">
                        <h3>联系我</h3>
                    </div>
                    <div class="contact-form">
                        <form action="#" method="post">
                            <div class="fields-grid">
                                <div class="styled-input agile-styled-input-top">
                                    <input type="text" name="Full Name" required="">
                                    <label>姓名</label>
                                    <span></span>
                                </div>
                                <div class="styled-input agile-styled-input-top">
                                    <input type="text" name="Phone" required="">
                                    <label>联系电话</label>
                                    <span></span>
                                </div>
                                <div class="styled-input">
                                    <input type="text" name="Email" required="">
                                    <label>邮箱</label>
                                    <span></span>
                                </div>
                                <div class="styled-input">
                                    <input type="text" name="Subject" required="">
                                    <label>公司</label>
                                    <span></span>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="styled-input textarea-grid">
                                <textarea name="Message" required=""></textarea>
                                <label>消息</label>
                                <span></span>
                            </div>
                            <input type="submit" value="发送">
                        </form>
                    </div>
                </div>
            </div>
            <!-- //contact -->
            <!-- copyright -->
            <div class="agileits-w3layouts-footer">
                <div class="container">
                    <p> <a target="_blank"></a></p>
                </div>
            </div>
            <!-- //copyright -->
            <script src="js/bars.js"></script>
            <script src="js/owl.carousel.js"></script>
</body>
</html>